<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>租房详情</title>
    <link rel="stylesheet" href="css/rentDetail.css">
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css">
</head>
<body>
  <header>
      <div>
          <img src="imgs/logo1.jpg">
      </div>
      <div>
          <img src="imgs/logo2.jpg">
      </div>
  </header>
  <div class="title">标题标题标题标题标题</div>
  <div class="userHeadBox">
      <div>
          <img src="imgs/01.jpg" id="userHeadBoxImg">
      </div>
      <span id="userHeadBoxName">CP少女头像</span>
  </div>
  <!--banner轮播-->
  <div class="swiper-container container1">
      <div class="swiper-wrapper wrapper1"></div>
      <div class="swiper-pagination"></div>
  </div>
  <div class="content">
      <div class="header">
          <div class="subMoney">
              <div class="time">
                  发布：
                  <span id="publishTime">16.07.13</span>
              </div>
              <div class="sum">
                  浏览：
                  <span id="sum">89</span>人
              </div>
          </div>
      </div>
      <div class="typeContainer">
          <div class="type">
              <div class="typeRow">
                  房屋类型
                  <div class="typeTxt" id="type">Studio apartment</div>
              </div>
              <div class="typeRow">
                  户型
                  <div class="typeTxt" id="typeRoom">2室一厅</div>
              </div>
              <div class="typeRow">
                  厨房共享人数
                  <div class="typeTxt" id="typeChuNum">3人</div>
              </div>
              <div class="typeRow">
                  卫浴共享人数
                  <div class="typeTxt" id="typeWeiNum">3人</div>
              </div>
              <div class="typeRow">
                  租期
                  <div class="typeTxt" id="typeYear"></div>
                  <div class="typeTxt" id="endDate"></div>
              </div>
          </div>
      </div>
      <div class="code">
          邮编
          <div class="typeTxt" id="typeCode">1234567</div>
      </div>
      <div class="profile">
          <p class="profileTitle">房屋简介</p>
          <div id="prefileContent">考虑考虑考虑考虑考虑考虑考虑考虑考虑考虑</div>
      </div>
      <a href='#' id="moreBtn">打开Echo Life，查看更多详情</a>
      <div class="recommend">
          <div class="recommendTitile">推荐</div>
          <div class="erweima">
              <img src="imgs/04.jpg">
          </div>
          <span>Echo温暖海外生活</span>
          <div class="txt">扫一扫或长按指纹二维码，加关注</div>
      </div>
  </div>
  <footer>
      <!--广告轮播-->
      <div class="swiper-container container2">
          <div class="swiper-wrapper wrapper2">
              <div class="swiper-slide">
                  <img src="imgs/01.jpg" alt="">
              </div>
              <div class="swiper-slide">
                  <img src="imgs/02.jpg" alt="">
              </div>
              <div class="swiper-slide">
                  <img src="imgs/03.jpg" alt="">
              </div>
          </div>
          <div class="swiper-pagination"></div>
      </div>
  </footer>




  <script src="js/jquery-2.1.4.min.js"></script>
  <script src="js/swiper-3.4.2.jquery.min.js"></script>
  <script src="js/base.js"></script>
</body>
</html>